<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>测试页面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
	<script src="../../js/jquery-1.7.2.min.js"></script>
	<script src="../../js/wxutil/jssdk.js"></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>

<div align="center" onclick="scan();">
	<img src="../../images/twsz.jpg" id="qrcode" width="200px" height="200px"/>
</div>

<div align="center" style="margin-top:50px;">
	<button onclick="upload();">上 传</button>
</div>

<div align="center" style="margin-top:50px;">
	<button onclick="openAddress();">地 址</button>
</div>

<div align="center" style="margin-top:50px;">
	<button onclick="prepay();">支 付</button>
</div>

</body>
<script type="text/javascript">
	// 获取jssdk配置
	getConfig('wx3333187e39e801e8', function(res) {
		alert('获取jssdk配置 = ' + res);
	});
	function scan() {
        wx.scanQRCode({
            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                var res = result.split(',');
                alert(JSON.stringify(res));
            }
        });
    }
	
	function openAddress() {
		wx.openAddress({
			success: function (res) {
				var userName = res.userName; // 收货人姓名
				var postalCode = res.postalCode; // 邮编
				var provinceName = res.provinceName; // 国标收货地址第一级地址（省）
				var cityName = res.cityName; // 国标收货地址第二级地址（市）
				var countryName = res.countryName; // 国标收货地址第三级地址（国家）
				var detailInfo = res.detailInfo; // 详细收货地址信息
				var nationalCode = res.nationalCode; // 收货地址国家码
				var telNumber = res.telNumber; // 收货人手机号码
				alert(JSON.stringify(res));
			}
		});
	}
	
	function upload() {
		wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                wx.uploadImage({
                    localId: localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得
                    isShowProgressTips: 1, // 默认为1，显示进度提示
                    success: function (res) {
                        var serverId = res.serverId; // 返回图片的服务器端ID
                        // 把微信服务器图片上传到自己服务器
                        $.get('/wx/open/savePicture', { mediaId: serverId, app: 'szzs' },
                        	function(data) {
	                        	if (data.success && data.picUrl != null) {
	                        		$('#qrcode').attr('src', data.picUrl + '?' + Math.random());
	                        	} else {
	                        		alert('图片上传失败，请重新上传');
	                        	}
                        });
                    }
                });
            }
        });
	}
	
	function prepay() {
		var _openid = getQuery('_openid');
		// 发起支付
		$.ajax({
	        url: '/ocrWxpay/kpay',
	        type: 'POST',
	        data: {
	        	openid: openid, totalFee: 1, appid: 'wx3333187e39e801e8', _openid: _openid
	        },
	        dataType: 'JSON',
	        success: function(data) {
	        	if (data.success) {
	        		var result = data.result;
	        		var payDataStr = encodeURIComponent(JSON.stringify(result));
		  		    wx.miniProgram.navigateTo({ url: '/pages/pay/pay?payDataStr=' + payDataStr });
	        	} else {
	        		alert(data.message);
	        	}
	        }
		});
	}
	
	// 取消支付
	function cancelPay() {
		$.ajax({
		    url: path + '/ocrWxpay/cancelpay',
		    type: 'POST',
		    data: { openid: openid },
		    dataType: 'JSON',
		    success: function(res) {
		    	console.log('res', res);
		    }
		});
	}
	
	function showImage() {
		var picUrl = sessionStorage.getItem('picUrl');
		alert('showImage attr = ' + picUrl);
        if (picUrl == null || picUrl == '') {
        	alert('图片上传失败，请重新上传');
        	return;
        }
        $('#qrcode').attr('src', picUrl);
     	// 清空缓存
     	sessionStorage.removeItem('picUrl');
	}
	
	function showImg() {
		var picUrl = sessionStorage.getItem('picUrl');
		alert('showImg load = ' + picUrl);
        if (picUrl == null || picUrl == '') {
        	alert('图片上传失败，请重新上传');
        	return;
        }
		var img = new Image();
        $(img).bind("load", function () {
        	$('#qrcode').attr('src', this.src);
        });
        img.src = picUrl;
	}
	
</script>
</html>